:root {
    --custom-bg-color: #ffffff; /* 菜单背景颜色 */
    --custom-border-color: #7fb7eb; /* 深蓝色边框颜色 */
    --custom-text-color-primary: #333333; /* 深主文字颜色 */
    --custom-text-color-regular: #666666; /* 深次文字颜色 */
    --custom-fill-color-light: #d0d7da; /* 浅蓝色悬停背景颜色 */
    --custom-box-shadow: 0 2px 12px 0 rgba(24, 144, 255, 0.3); /* 深蓝色阴影效果 */
    --custom-border-radius-base: 4px; /* 基础圆角半径 */
}

/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    outline: none;
}

/* 根元素 */
#app {
    width: 100vw;
    height: 100vh;
}

/* 禁止用户选中文字 */
.no-user-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 下划线 */
.animation-underline {
    display: block;
    background: linear-gradient(to right, #e75a5a, #e75a5a) no-repeat right bottom;
    background-size: 0 2px;
    transition: background-size 0.5s;
}

.animation-underline:hover {
    background-position: left bottom;
    background-size: 100% 2px;
}

/* link 样式 */
.link {
    cursor: pointer;
}

/* element-ui 样式重置 */
/* 侧边栏背景色 */
.el-sub-menu__title {
    background-color: var(--el-menu-bg-color);
}

/* 对话框 标题栏 */
.dialog-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
}

/* 订单详情送货记录文字提示样式 */
.el-popper.is-orderDetail {
    /* Set padding to ensure the height is 32px */
    padding: 6px 12px;
    background: linear-gradient(90deg, #4781d8, #3cd3e7);
}

.el-popper.is-orderDetail .el-popper__arrow::before {
    background: linear-gradient(45deg, #4781d8, #3cd3e7);
    right: 0;
}

/* 饿了么 莫名其妙的报错 */
.el-popper[aria-hidden='true'] {
    display: none !important;
}

/* 面包屑 鼠标悬浮样式 */
.el-breadcrumb__inner {
    cursor: pointer !important;
}

/* tabs 边框问题 */
.el-tabs__nav-wrap:after {
    z-index: 0 !important;
}

/* iconfont symbol样式 */
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.icon-big {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

/* excel 预览 列宽 */
#excel {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #4d4d4d;

    th,
    td {
        border: 1px solid #4d4d4d;
        padding: 8px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
    }
}

/* word 预览css */
#word-preview {
    .mammoth-normal[data-white-space='pre-wrap'],
    .mammoth-body-text[data-white-space='pre-wrap'],
    .mammoth-body-text-2[data-white-space='pre-wrap'],
    .mammoth-body-text-3[data-white-space='pre-wrap'] {
        white-space: pre-wrap;
    }

    .mammoth-normal-table,
    .mammoth-light-shading,
    .mammoth-light-list,
    .mammoth-light-grid,
    .mammoth-grid {
        border-collapse: collapse;
        width: 100%;
    }

    .mammoth-normal-table th,
    .mammoth-normal-table td,
    .mammoth-light-shading th,
    .mammoth-light-shading td,
    .mammoth-light-list th,
    .mammoth-light-list td,
    .mammoth-light-grid th,
    .mammoth-light-grid td,
    .mammoth-grid th,
    .mammoth-grid td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }

    .mammoth-normal-table th,
    .mammoth-light-shading th,
    .mammoth-light-list th,
    .mammoth-light-grid th,
    .mammoth-grid th {
        background-color: #f2f2f2;
    }
}
